﻿.section5{
    width:100%;
    height:100%;
    background: url(../images/page5_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.contact_wrap{
    width:1160px;
    height:543px;
    margin:0 auto;
    position:relative;
    margin-top:100px;
}
.DIV5{
    position:relative;
    width:95%;
    margin:0 auto;
}
.message{width:556px;height:580px;
    background:url(../images/compute.png) no-repeat center;
    /*padding-top:40px;*/
    padding-left:50px;position:relative;
    /*left:-610px;*/
    /*opacity:0;filter:alpha(opacity=0);*/
    background-size: 615px 580px;
    position: relative;
    left: -120%;
}
.con_txt{
    float:left;
    width:520px;
    margin-left: 20px;

}
.c4{
font:18px "微软雅黑";
text-align: left;
}
.font20{
    font:16px "微软雅黑";
    color: #777;
    text-align: left;
}
.font12{
    font:12px "微软雅黑";
     color: #777;
    text-align: left;
}
.c5{
    color: red;
}
.main_tit{
    margin-top: 30px;
}
.mess_list div{
    margin-top:-10px;
    float:left;
}
#page5textarea{
    margin-top: 5px;
}

.mess_list div span{
    font:12px "微软雅黑";
    color:#b8120e;
}/*
.span1,.span2,.span3{
    display: none;
}*/
.short_txt{
    width:365px;
    height:35px;
    border:1px solid #d6d5d5;
    line-height:35px;
    padding-left:10px;
    font-size:12px;
    color:#7e7e7d;
}
.long_txt{
    width:500px;
    height:45px;
    font-size:12px;
    color:#7e7e7d;
    padding-left:10px;
    padding-top:15px;
    resize:none;
    border:1px solid #d6d5d5;
}
.send{
    width:85px;
    height:30px;
    text-align:center;
    line-height:14px;
    font-size:14px;
    color:#444444;
    border:1px solid #b9b9b9;
    margin-top:60px;
    margin-left:200px;
    border-radius: 5px;
}
.phone_img{
    -webkit-animation: shake 1s   infinite;
    animation: shake 1s  infinite;
    float: left;
}
.phone_num div{
    float:left;
    margin-right:10px;
    font-family:"Century Schoolbook";
}
.num_list{
    margin-top: 10px;
    float: left;
    position: relative;
}
#num_list1{
    font-size:0.8em;
    color: red;
    position: absolute;
    left: 0px;
    top: -10px;
    width: 400px;
	text-align: left;
}
#num_list2{
    font-size:0.3em;
    position: absolute;
    top: 40px;
    left:10px;
    color: gray;
    width: 400px;
    text-align: left;


}
.phone_num p:nth-child(1){
    font-size:30px;
    color:#bd312f;
    margin-top:-20px;
}
.phone_num p:nth-child(2){
    font-size:18px;
    color:#6a6a6a;
    margin-left:5px;
}
.add{
    float:left;
    width:100%;
    position:relative;
    margin-top:20px;
    text-align: left;
}
.add dl dd{
    width:100%;
    font-size:12px;
    color:#6a6a6a;
    line-height:24px;
    float:left;
}
.add dl dd a{
    color:#6a6a6a
}
.map{
    height:216px;
    border:1px solid #cccbcb;
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
    left: 0;
}
.contact_list{

}
.contact_list ul li{
    float:left;
    background:url(../images/qq_img.png) no-repeat left;
    padding-left:50px;
    font-size:12px;
    color:#444444;
    line-height:19px;
    margin-right:20px;
}
.contact_list ul li a{
    color:#444444
}
.code_list{
    position:relative;
    float:left;
    width:100%;
    margin-top:10px;
    overflow:hidden;
}
.code_list ul li{
    float:left;
    margin:0 25px;
}

/*shake*/
@-webkit-keyframes shake{
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(15deg); }
    30% { -webkit-transform: rotate(9deg); }
    40% { -webkit-transform: rotate(3deg); }
    55% { -webkit-transform: rotate(0deg); }
    70% { -webkit-transform: rotate(-3deg); }
    80% { -webkit-transform: rotate(7deg); }
    90% { -webkit-transform: rotate(-10deg); }
    100% { -webkit-transform: rotate(10deg); }
}

@keyframes shake{
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(15deg); }
    30% { -webkit-transform: rotate(9deg); }
    40% { -webkit-transform: rotate(3deg); }
    55% { -webkit-transform: rotate(0deg); }
    70% { -webkit-transform: rotate(-3deg); }
    80% { -webkit-transform: rotate(7deg); }
    90% { -webkit-transform: rotate(-10deg); }
    100% { -webkit-transform: rotate(10deg); }
}


    /* 响应式代码 */
 @media all and (max-width: 1920px) {  /* pc */
            .message{
                display:block;
            }
            .con_txt{
                display: block;
            }
        }

          @media all and (max-width: 1160px) { 
            .message,.code_list{
                display:none;
            }
            .con_txt{
            display:block;
          }
          
        }

          @media all and (max-width: 700px) {  /* 手机 */
            .message,.code_list,.map{
                display:none;

            }
            .con_txt{
            display:block;
            position: relative;
            top: 100px;
            width: 20%;
          }
          #num_list1{
            font-size: 1.25rem;
          }

          
        }